body{margin:0;padding: 0;color:#fff;font-family: Source Han Sans CN;background: linear-gradient(270deg, #010508 0%, #05203A 47%, #010508 100%);}
.img{background-size: 100% 100%;background-repeat: no-repeat;}
#container{width: 1920px;height: 1080px;background-image: url("../../assets/images/dataV-bg.jpg");
  background-size: 100% 100%; /*指定缩放的基本点*/-moz-transform-origin: 0 0 0;-ms-transform-origin: 0 0 0;-webkit-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;position: absolute;transform-origin:left top;left:50%;top:50%;overflow: hidden;}
#header-top{padding:30px 60px;display: flex;justify-content: space-between}
.question{width:100%;background-color: #fff;color:#000;border-radius: 30px;padding:30px 30px;margin-bottom:20px;height:370px;font-size:18px;}
.question .number{width:50px;height:50px;border-radius: 50%;background-color: #ec342f;color:#fff;display: flex;align-items: center;justify-content: center;font-size: 30px;font-weight: bold;}
.question-header{display: flex;justify-content: space-between;}
.question-top{display: flex;}
.nickname{font-size: 30px;font-weight: bold;line-height:50px;margin-left: 10px;}
.question-score{font-size: 50px;font-weight: bold;line-height: 45px;}
.process{margin:30px 0;}
.question-list{word-wrap: break-word;margin-bottom: 20px;}
.table-row{}
.cell{font-size:30px;padding:15px;}
#countdown {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size:500px;
}
.table-nickname{font-size:40px;font-weight: bold;}
.option{border:1px solid #fff;border-radius: 10px;background-color: #eee;color:#000;padding:2px 5px;}
.option-right{border:1px solid #00913a;border-radius: 10px;background-color: #00913a;color:#fff;padding:2px 5px;}
.option-error{border:1px solid #c30d23;border-radius: 10px;background-color: #c30d23;color:#fff;padding:2px 5px;}


@keyframes headShake {
  0% { transform: translateX(0); }
  6.5% { transform: translateX(-5px); }
  18.5% { transform: translateX(5px); }
  31.5% { transform: translateX(-5px); }
  43.5% { transform: translateX(5px); }
  50% { transform: translateX(0); }
}

.shakeHead {
  /*display: inline-block;*/
  animation: headShake 1s;
   /*animation-iteration-count: infinite;*/
}
#win{position: absolute;top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}
.table-odd{background-color: #fff6cc;}
.table-even{background-color: #fee8ad;}
#rank-table .el-table__header-wrapper .cell{background-color: #cd1c26;color:#fff;font-size: 70px;height: 120px;line-height: 100px;font-weight: bold;}
#rank-table .el-table__body-wrapper .cell{font-size: 70px;height: 120px;line-height: 80px;font-weight: bold;}
